@font-face {
  font-family: "icomoon";
  src: url("../icomoon/fonts/icomoon.eot?5ezvrj");
  src: url("../icomoon/fonts//icomoon.eot?5ezvrj#iefix")
      format("embedded-opentype"),
    url("../icomoon/fonts/icomoon.ttf?5ezvrj") format("truetype"),
    url("../icomoon/fonts/icomoon.woff?5ezvrj") format("woff"),
    url("../icomoon/fonts/icomoon.svg?5ezvrj#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.main {
  position: absolute;
  top: 70px;
  left: 180px;
}

.main .title h1 {
  font-size: 32px;
  /* 在CSS3中，background-image 是设置背景图片为线性渐变色 */
  background: #ff1e56;
  background: -webkit-linear-gradient(to right, #1e90ff, #f9c942, #ff1e56);
  background: linear-gradient(to right, #1e90ff, #f9c942, #ff1e56);
  /* background-clip:text  规定背景的绘制区域，也就是选中里面的文字进行渐变 */
  background-clip: text;
  /* -webkit- 解决兼容性问题 */
  -webkit-background-clip: text;
  /* 文字的颜色一定要设置为 透明 */
  color: transparent;
}

.main .title span a {
  display: inline-block;
  font-size: 20px;
  padding-left: 20px;
  color: transparent;
}

.main .title a:hover {
  color: #0575e6;
}

.from {
  position: absolute;
  top: 120px;
  left: 180px;
  width: 960px;
  /* background-color: #fff; */
}

.from label {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  color: #fff;
  margin: 10px 0 10px 0;
}

.from input {
  width: 600px;
  height: 42px;
  outline: none;
  border: none;
  padding-left: 12px;
  margin-bottom: 20px;
}
.from .radio-inline {
  display: inline;
}
.from textarea {
  outline: none;
  padding: 8px 12px;
  resize: none;
  word-wrap: break-word;
  word-break: break-all;
}

.from .btn {
  width: 110px;
  height: 50px;
  margin-top: 20px;
  border-radius: 10px;
  font-size: 16px;
  outline: none;
  border: none;
  color: #fff;
  font-size: 18px;
  background-color: #35df35;
}
.from .btn span {
  font-family: "icomoon";
  vertical-align: middle;
}

.from .btn:hover {
  background-color: #22ad22;
}
